<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
 <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/style.css"/>       
        <link href="assets/css/codemirror.css" rel="stylesheet">
        <link rel="stylesheet" href="assets/css/ace.min.css" />
        <link rel="stylesheet" href="font/css/font-awesome.min.css" />
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
		<script src="js/jquery-1.9.1.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>           	
		<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
        <script src="assets/layer/layer.js" type="text/javascript" ></script>          
        <script src="assets/laydate/laydate.js" type="text/javascript"></script>
<title>我的供应商</title>
</head>

<body>
<div class="margin clearfix">
 <div class="" id="Other_Management">
 <div class="search_style">
   
		
		   <ul class="search_content clearfix">
       <li><label class="l_f">选择地区:</label><span class="formControls col-4" style="width:110px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
          <option value="">选择省份</option>
          <option value="1">河南省</option>
          <option value="2">河北省</option>
          <option value="3">湖北省</option>
          </select>
		  </span>
		  <span class="formControls col-4" style="width:110px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
          <option value="">选择市</option>
          <option value="1">河南市</option>
          <option value="2">河北市</option>
          <option value="3">湖北市</option>
          </select>
		  </span>
		  <span class="formControls col-4" style="width:110px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1" >
          <option value="">选择区</option>
          <option value="1">河南区</option>
          <option value="2">河北区</option>
          <option value="3">湖北区</option>
          </select>
		  </span> </li>
	   <li><label class="l_f">企业名称:</label><input name="" type="text"  style=" width:260px"/></li>
	   &nbsp;
      <li style="width:100px;"><button type="button" class="btn_search"><i class="fa fa-search"></i>查询</button></li>
      </ul> <br/>
    </div>
 <div class="Store_Introduction">
     <div class="list_style">
     <table class="table table-striped table-bordered table-hover" id="sample-table">
     <thead>
		 <tr>
				
				<th width="40">序号</th>
				<th width="60">企业名称</th>
				<th width="60">区域</th>
				<th width="60">主要经营</th>  
				
                <th width="60">销售专员</th>
				<th width="60">联系电话</th>
				<th width="60">备注</th> 
				<th width="50">合同有无</th>              
				<th width="40">操作</th>
			</tr>
		</thead>
	<tbody>
		<tr>
        
        <td>1</td>
        <td><a href="supplier.html" title="客户详情" >潮汕公司</a></td>
        <td>北京市大海区</td>
        <td>电池4号</td>

        <td>小强</td>
		<td>12345678932</td>
		<td>材料供应</td>
		<td>有</td>
  <td><a title="" onclick="member_edit('510')" class="btn btn-xs btn-info "><i class="fa">合同</i></a> 
		    <a title="订购下单" href="online_order_xd.html"  class="btn btn-xs btn-info"><i class="fa">订购</i></a>

			</td>
        </tr>
      <tr>
        
        <td>2</td>
        <td><a href="supplier.html" title="客户详情" >花海国企</a></td>
        <td>北京市大海区</td>
        <td>电池4号</td>

        <td>小强</td>
		<td>12345678932</td>
		<td>大型采购</td>
		<td>有</td>
  <td><a title="" onclick="member_edit('510')" class="btn btn-xs btn-info "><i class="fa">合同</i></a> 
		    <a title="订购下单" href="online_order_xd.html"  class="btn btn-xs btn-info"><i class="fa">订购</i></a>

			</td>
     
        </tr>
        <tr>
       
        <td>3</td>
        <td><a href="supplier.html" title="客户详情" >飞翔有限公司</a></td>
        <td>北京市大海区</td>
        <td>电池4号</td>

        <td>小明</td>
		<td>12345678932</td>
		<td>去访问</td>
		<td>有</td>
  <td><a title="" onclick="member_edit('510')" class="btn btn-xs btn-info "><i class="fa">合同</i></a> 
		    <a title="订购下单" href="online_order_xd.html"  class="btn btn-xs btn-info"><i class="fa">订购</i></a>

			</td>
        </tr>
        <tr>
        
        <td>4</td>
        <td><a href="supplier.html" title="客户详情" >黄石企业</a></td>
        <td>北京市大海区</td>
        <td>电池4号</td>

        <td>小华</td>
		<td>12345678932</td>
		<td>不熟悉多联系</td>
		<td>有</td>
  <td><a title="" onclick="member_edit('510')" class="btn btn-xs btn-info "><i class="fa">合同</i></a> 
		    <a title="订购下单" href="online_order_xd.html"  class="btn btn-xs btn-info"><i class="fa">订购</i></a>

			</td>
        </tr>
        </tbody>    
     </table>     
     </div>
     </div>
 </div>
</div> 
</div>

<div class="edit_menber" id="edit_menber_style" style="display:none">
           <ul class=" page-content">
    <div class="Operate_cont clearfix" style="margin-left:65px">
      <label class="form-label"><span class="c-red"></span>合同名称：</label>
      <div class="formControls ">
        <input type="text" class="input-text" value="友好合同" style="margin-top:-5px;border:0px" id="user-name"  name="">
      </div>
    </div>
  </ul>
</div>
</body>
</html>
<script>


function member_edit(id){
	  layer.open({
        type: 1,
        title: '合同操作',
		maxmin: true, 
		shadeClose:false, //点击遮罩关闭层
        area : ['500px' , ''],
        content:$('#edit_menber_style'),
		btn:['直接打开','下载附件','取消'],
    });
}
jQuery(function($) {
				var oTable1 = $('#sample-table').dataTable( {
				"aaSorting": [[ 0, "asc" ]],//默认第几个排序
		"bStateSave": true,//状态保存
		"aoColumnDefs": [
		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		  {"orderable":false,"aTargets":[1,2,3,4,5,6,7,8]}// 制定列不参与排序
		] } );
				
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
			});
			

function member_del(obj,id){
	layer.confirm('确认忽略，这条信息将不再显示',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}

function integration_history(id){
	layer.open({
    type: 1,
	title:'',
	area: [],
	shadeClose: true,
	content: $('#integration_history'),
	})	
		$('#integration_history_list').dataTable({
		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
    "bStateSave": true,//状态保存
    "aoColumnDefs": [{
	  "bSortable": false, 
	  "orderable":false, 
	  "aTargets": [0,1]
	 }]
});
	
	};

function Browse_history(id){
	layer.open({
    type: 1,
	title:'',
	area: [],
	shadeClose: true,
	content: $('#Browse_history'),
	})	
$('#Browse_history_list').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
    "bStateSave": true,//状态保存
    "aoColumnDefs": [{
	  "bSortable": false, 
	  "orderable":false, 
	  "aTargets": [0,1]
	}]
});	
}


function Order_history(id){
	layer.open({
    type: 1,
	title:'',
	area: [],
	shadeClose: true,
	content: $('#Order_history'),
	});	
		$('#Order_history_list').dataTable({
		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
    "bStateSave": true,//状态保存
    "aoColumnDefs": [{
	  "bSortable": false, 
	  "orderable":false, 
	  "aTargets": [0,1]
	 }]
});		
}


</script>
<script type="text/javascript">
 laydate({
    elem: '#start1',
    event: 'focus' 
});
 laydate({
	elem: '#start2',
    event: 'focus' 
});
</script>